<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>物业管理系统</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
    />
    <script src="https://cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js"></script>
     <style>
  /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 70%;
  }
  </style>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#"><h2>物业管理系统</h2></a>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto font-weight-bold">
          <li class="nav-item active">
                <a class="nav-link" href="${pageContext.request.contextPath}/user" >主页<span class="sr-only">(current)</span></a
            >
          <li class="nav-item ">
            <a class="nav-link" href="#"
              >宿舍申请</a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">申请进度</a>
          </li>

          <li class="nav-item">
            <a class="nav-link" href="${pageContext.request.contextPath}/user/personal" tabindex="-1">个人中心</a>
          </li>
        </ul>
        <div>
          <span class="text-danger">${user.name}</span>
          <a href="${pageContext.request.contextPath}/login"><button class="btn btn-outline-secondary">退出登录</button></a>
        </div>
      </div>
    </nav>
    <div class="container">
    <div class="flex-column py-5">
        <h1 class=" justify-content-center text-center">欢迎登录物业管理系统</h1>
    </div>
    <div id="demo" class="carousel slide" data-ride="carousel">
 
  <!-- 指示符 -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>
 
  <!-- 轮播图片 -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="https://gitee.com/crjno1/cloud-img/raw/master/img/3-1609042881216.jpg">
    </div>
    <div class="carousel-item">
      <img src="https://gitee.com/crjno1/cloud-img/raw/master/img/5.jpg">
    </div>
    <div class="carousel-item">
      <img src="https://gitee.com/crjno1/cloud-img/raw/master/img/6.jpg">
    </div>
  </div>
 
  <!-- 左右切换按钮 -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
 
</div>
</div>
  </body>
</html>
